<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>cxk学html</title>
</head>
<body>
<!-- h1元素定义了一个大标题 -->
<h1>我的第一个标题</h1>
<h2>我的第二个标题</h2>
<h3>我的第三个标题</h3>
<h4>我的第四个标题</h4>
<h5>我的第五个标题</h5>
<h6>我的第六个标题</h6>
<p>这是一个段落</p>
<hr>
<p><b>这是另一个段落</b></p>
<a href="https//www.runoob.com"></a>
<p>这是<br>yige<br>duanluo</p>
<img src="" alt="">
<a href="/index.html">本文本</a> 是一个指向本网站中的一个页面的链接。</p>

<p><a href="https://www.microsoft.com/">本文本</a> 是一个指向万维网上的页面的链接。</p>
<a href="https://www.example.com" target="_top" rel="noopener">新窗口打开 Example</a>
<a href="https://www.example.com"download="example.pdf">下载文件</a>
<a href="https://www.example.com" title="访问Example网站">访问Example</a>
<a href="https://www.example.com/es" hreflang="es">访问西班牙语网站</a>
<h2 style="background-color: red;"></h2>
<h1 style="font-family:verdana">一个标题</h1>
<h1 style="text-align:center">居中对齐的标题</h1>
<style type="text/css">
    body{
        background-color: yellow;
    }
    
</style>

<p style="font-family:arial;color:red;font-size:20px">一个段落</p>

</body>
</html>